<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物商城</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../scss/cart.css" />
    <link rel="stylesheet" type="text/css" href="../scss/cartScss.css">
    <link rel="stylesheet" href="../scss/header.css">
    <style>
        *{
            margin: 0 auto;
            padding: 0;
            list-style: none;
        }
        .header-a {
            text-decoration: none;
            color: #CCCCCC;
        }
        li{
            float: left;
            width: 6.25%;
            text-align: center;
            line-height: 30px;


        }
        li a{
            color: #FFFFFF;
            font-size: 12px;
            text-decoration: none;
        }
        li a:hover{
            color: #FFFF00;
        }
        a:hover {
            color: black;
        }

    </style>

</head>
<body>

<div>
  <!--头页面的第一部分-->
  <div class="header-box">
    <div class="header" style="width: 1200px;height: 32px;font-size: 12px;line-height: 32px;text-align: right;">
      <!-- 官方网站：<a href="http://gz.gec-edu.org/?gzbdgzbdyueqianpc23"> http://gz.gec-edu</a> -->
      <a href="./login.html">登录</a>
      <a href="./register.html">免费注册</a>
      <a href="#">我的购物车</a>
      <a href="#">我的订单</a>
      <a href="#">设置为首页</a>
      <a href="#">加入收藏</a>
    </div>
  </div>
  <!--头页面的第二部分-->
  <div style="width: 1200px;height: 110px;position: relative">
    <img src="../images/logo.gif" alt="">
    <img src="../images/banner.gif" alt="" style="margin-top: 10px;">

    <div style="position: absolute;right: 50px;top: 30px;font-size: 12px;">
      <div style="border: 1px solid #CCCCCC;width: 70px;height: 20px;line-height: 20px;text-align: center">
        <a href="#" class="header-a">关于我们</a></div>
      <div
        style="margin-top: 10px;border: 1px solid #CCCCCC;width: 70px;height: 20px;line-height: 20px;text-align: center">
        <a href="#" class="header-a">联系方式</a></div>
    </div>

  </div>
  <!--头页面的第三部分-->
  <div style="width: 100%;height: 30px;background-color: #CC3333">
    <div style="width: 1200px;height: 30px;">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">护肤</a></li>
        <li><a href="#">彩妆</a></li>
        <li><a href="#">香氛</a></li>
        <li><a href="#">身体护理</a></li>
        <li><a href="#">礼盒套装</a></li>
        <li><a href="#">母婴专区</a></li>
        <li><a href="#">男士专区</a></li>
        <li><a href="#">粉底</a></li>
        <li><a href="#">粉饼</a></li>
        <li><a href="#">睫毛膏</a></li>
        <li><a href="#">唇彩</a></li>
        <li><a href="#">腮红</a></li>
        <li><a href="#">食品保健</a></li>
        <li><a href="#">瘦身类</a></li>
        <li><a href="#">美容类</a></li>
      </ul>
    </div>
  </div>
    <!-- 购物车 -->
    <table class="shop">
      <tbody class="shopS">
          <tr class="nav">
              <th class="Son1">商品名称</th>
              <th class="Son3">疯狂价</th>
              <th class="Son4">小计</th>
              <th class="Son2">数量</th>
              <th class="Son5">操作</th>
          </tr>
          <tr class="nullgoods">
              <td><span>购物车为空</span></td>
          </tr>
          <tr class="shopList">
              <td class="imgTd"><img class="shops" src="../images/vans.jpg" alt="" srcset=""></td>
              <td class="titleTd">
                  <h6>Vans范斯 经典系列 Old Skool板鞋运动鞋 低帮经典款男女官方正品</h6>
              </td>
              <td class="Son3">
                  <span class="oriPrice">￥54.60（8折）</span>
              </td>
              <td class="Son4">
                  <span class="newPrice">￥34.60</span>
              </td>
              <td class="Son2">
                <input class="reduce" type="button" value="-" />
                <input type="text" value="1" disabled class="count">
                <input class="add" type="button" value="+" />
              </td>
              <td class="Son5">
                  <img class="del" src="../images/del.png" alt="">
              </td>
          </tr>
          
      </tbody>
  </table>
  <p class="total">数量总计: <span class="allNum" style="color: red;">1</span>(件)</p>
  <p class="total">金额总计: ￥<span class="allPrice" style="color: red;">1833.20</span>(折后价)</p>
  <p class="total">
    <img class="back-to-shop" src="../images/shop.jpg" alt="">
    <img class="to-order" src="../images/balance.jpg" alt="">
  </p>
  <div id="footer">
    <section class="footer_top">
        <section class="footer_top_content">
            <aside>
                <h3>客服热线(免长途费)</h3>
                <em>400 116 11111</em>
                <p>客服时间：9：00-24：00</p>
                <p>周末/周日：10：00-24：00</p>
                <figure>
                    <figcaption><img src="../images/erweima_03.png" alt=""></figcaption>
                    <p>购物商城</p>
                </figure>
                <figure>
                    <figcaption><img src="../images/erweima_03.png" alt=""></figcaption>
                    <p>购物商城</p>
                </figure>
            </aside>
            <article>
                <section class="footer_top_content_article_top">
                    <div><img src="../images/2014052815002.png" alt=""></div>
                    <div><img src="../images/2014052815003.png" alt=""></div>
                    <div><img src="../images/2014052815004.png" alt=""></div>
                    <div><img src="../images/2014052815005.png" alt=""></div>
                </section>
                <section class="footer_top_content_article_bottom">
                    <ul>
                        <li>支付方式</li>
                        <li>在线支付</li>
                        <li>货到付款</li>
                        <li>发票说明</li>
                    </ul>
                    <ul>
                        <li>支付方式</li>
                        <li>在线支付</li>
                        <li>货到付款</li>
                        <li>发票说明</li>
                    </ul>
                    <ul>
                        <li>支付方式</li>
                        <li>在线支付</li>
                        <li>货到付款</li>
                        <li>发票说明</li>
                    </ul>
                    <ul>
                        <li>支付方式</li>
                        <li>在线支付</li>
                        <li>货到付款</li>
                        <li>发票说明</li>
                    </ul>
                </section>

            </article>
        </section>
    </section>
    <section class="footer_bottom">
        <span> Copyright © 2008-2014  All Rights Reserved.Copyright © 2008-2014  All Rights Reserved.Copyright © 2008-2014  All Rights Reserved.</span>
    </section>
  </div>
  <script src="../js/cart.js"></script>
</div>
</body>
</html>